import { h } from 'vue'

export default {
    name: 'button',
    props: {
        color: {
            type: String,
            default: 'aqua'
        },
        size: {
            type: String,
            default: 'medium'
        }
    },
    render({ color, size }) {
        return h('div', { class: `yf-button yf-button--${size}`, style: `background-color: ${color}` }, [this.$slots.default ? this.$slots.default() : '按钮'])
    }
}